
export default {
  config: {
    category: 'XDatePicker',
    // 显示类型
    type: 'date',
    // 显示类型Arr
    typeArr: ['year', 'date', 'dates', 'week', 'datetime', 'datetimerange', 'daterange'],
    // 返回类型
    format: 'yyyy-MM-dd',
    // 返回类型Arr
    formatArr: ['yyyy-mm-dd', 'yyyy-mm-dd hh-mm-ss', 'timestamp'],
    // 范围选择时开始日期的占位内容
    startPlaceholder: '开始日期',
    // 范围选择时结束日期的占位内容
    endPlaceholder: '结束日期',
    // 控件左侧label内容
    label: '日期',
    placeholder: '日期',
    // 绑定的值
    value: '',
    // 表单name
    name: 'datePicker'
  },
  name: 'XDatePicker',
  render: (self, h) => {
    const data = self.ele
    return (
      <el-date-picker
        v-model={data.value}
        input={self.$emit('input', data.value)}
        placeholder={data.placeholder}
        clearable
        class={{ form_input: true }}
        attr={{}}
        type={data.type}
        start-placeholder={data.startPlaceholder}
        end-placeholder={data.endPlaceholder}
        value-format={data.format}
      />
    )
  }
}
